CSS 动画
阐述
动画是使用 CSS 关键帧创造移动效果的方法。基本语法为：
animation: <name> <duration>
重复
可以用 animation-iteration-count: <integer> 来定义重复的次数，其中 <integer> 也可以是 infinite。
定时函数
与 CSS 过渡类似，动画可以具有定时函数。
定向
可以用 animation-direction: normal | reverse | alternate 来让动画在两个状态间来回变换。
延迟
与 CSS 过渡类似
填充
可以用 animation-fill-mode: forwards | backwards | both 来决定动画开始前和结束后是否用端点的参数值。
简写
animation: <name> <duration> <timing> <iteration-count> <direction> <delay>
其中 <delay> 必须出现在 <duration> 后面，其他则无所谓。